<template>
	<view class="record_one">
		<p>
			{{list.remark}} 
			<span>{{list.create_time}}</span>
		</p>
		<view>
			<p style="font-size: 20px;color: red;" v-if="list.type > 100">-{{list.amount}}</p>
			<p style="font-size: 20px;color: blue;" v-if="list.type < 100">+{{list.amount}}</p>
		</view>
	</view>
</template>

<script>
	export default {
		name: "record_one",
		props:['list'],
		data() {
			return {

			};
		}
	}
</script>

<style lang="less">
	.record_one {
		width: 100%;
		height: 114rpx;
		background: #fff;
		border-radius: 10rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 36rpx 0 24rpx;
		box-sizing: border-box;
		margin-bottom: 20rpx;
		
		&>view{
			display: flex;
			align-items: flex-end;
			font-size: 20px;
		}

		&>p {
			display: flex;
			flex-direction: column;
			color: #9E9E9E;
			font-size: 15px;
			&>span{
				font-size: 12px;
			}
		}
	}
</style>